<view class="preview-container">
    <view class="header">
        <view class="type-warp">
            <view class="type {{type=='表白'?'pink':''}}">{{type}}</view>
        </view>
        <view class="title-warp">
            <view class="title">{{title}}</view>
            <view class="date">提交日期：{{date}}</view>
        </view>
    </view>
    <view class="main">
        <text class="content">{{text}}</text>
        <view class="picture" qq:for="{{imgList}}" qq:key="item">
            <image src="{{item}}" mode="widthFix"></image>
        </view>
    </view>
    <view class="tail" qq:if="{{tailShow}}" style="border-color:{{type=='表白'?'#FF0077':''}}">
        <view class="contact-line">
            <view class="icon">
                <image mode="widthFix" src="../../res/submit/{{type=='表白'?'qq_p':'qq'}}.png"></image>
            </view>
            <view class="text">{{qq}}</view>
            <view class="icon">
                <image mode="widthFix" src="../../res/submit/{{type=='表白'?'wechat_p':'wechat'}}.png"></image>
            </view>
            <view class="text">{{wechat}}</view>
        </view>
        <!-- <view class="contact-line">
            <view class="icon">
                <image mode="widthFix" src="../../res/submit/{{type=='表白'?'tel_p':'tel'}}.png"></image>
            </view>
            <view class="text">{{tel}}</view>
            <view class="icon">
                <image mode="widthFix" src="../../res/submit/{{type=='表白'?'mail_p':'mail'}}.png"></image>
            </view>
            <view class="text">{{mail}}</view>
        </view> -->
    </view>
</view>
<view class="fix">
    <view bindtap="goBack">返回编辑</view>
    <view bindtap="submit" class="{{type=='表白'?'pink':''}}" style="background-color: #2152F3; color: white;">提交</view>
</view>
